<!DOCTYPE html>
<html lang="en">
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0" charset="UTF-8">
  <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
  <title>Title</title>
  <style>
    .login-form {
      position: absolute;
      top: 30%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      min-height: 300px;
      height: auto;
    }
    body{
      background: url(img/01.jpg) no-repeat;
      background-size:100%;
    }

  </style>

</head>
<body>

<div class="container-fluid " >
  <div class="login-form  col-lg-4 col-lg-offset-4  col-sm-6 col-sm-offset-3 col-xs-8 col-xs-offset-2 ">
    <div class="row">

      <div class="col-md-6 column">
        <div>
          <img src="img/02.jpg" class="img-rounded" width="200" height="100">
        </div>
        <div>
          <br>
          <strong>欢迎使用阳光物流管理系统</strong>

        </div>
        <div>
          <br>
          <b> 货通天下 </b><b> 信满四方 </b>
          <p></p>
          <b> 物流天下 </b><b> 服务无限 </b>
          <p></p>

          <b> 真诚服务 </b><b> 迅速快捷 </b>
        </div>
        <div>
          <br>

          <br>

          <strong>还没有账号？</strong><a href="register2.html">立即注册。</a><br>
        </div>
      </div>

      <div class="col-md-6 column">
        <div>
          <strong>登录：</strong>
          <p>因为你有你的人生，我有我的旅程--叶倩文</p>
        </div>
        <form role="form" method="post" action="/login/check">
          <div class="form-group">
            <input type="text" class="form-control" placeholder="账户名" name="username">
          </div>
          <div class="form-group">
            <input type="text" class="form-control" placeholder="密码" name="password">
          </div>
          <div class="row">
            <div class="col-md-6 column">
              <div class="form-group">
                <input type="text" class="form-control" placeholder="验证码" name="verifycode">
              </div>
            </div>
            <div class="col-md-6 column">
              <button type="button" class="btn btn-default" >默认按钮</button>
            </div>
          </div>
          <div class="checkbox">
            <label>
              <input type="checkbox" name="rememberme">记住我
            </label>
          </div>
          <div>
            <button type="submit" class="btn btn-primary btn-lg btn-block">登录</button>
          </div>
        </form>
      </div>

    </div>
  </div>
</div>


<script src="https://code.jquery.com/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
